<div class="row notificaciones">
	<!-- espacio para mostrar notificaciones -->
</div>
<div class="row">
	<div class="three columns panel">
		<h2>Categorias</h2>
		<?php if(count($this->categorias)==0) { ?>
			<div class="panel">
				<p>No hay categorias disponibles.</p>
			</div>
		<?php } else { ?>
			<ul class="nav-bar vertical">
		<?php
			 foreach($this->categorias as $key => $record){ 
		?>
			<li><a href="#<?=$record['key'] ?>"><?=$record['value'] ?></a></li>
		<?php } //end foreach ?>
			</ul>
		<?php } ?>
		<!--
		<ul class="nav-bar vertical">
		  <li class="active"><a href="#">Nav Item 1</a></li>
		  <li class="has-flyout">
			<a href="#">Nav Item 2</a>
			<a href="#" class="flyout-toggle"><span> </span></a>
			<ul class="flyout">
			  <li><a href="#">Sub Nav Item 1</a></li>
			  <li><a href="#">Sub Nav Item 2</a></li>
			  <li><a href="#">Sub Nav 3</a></li>
			  <li><a href="#">Sub Nav 4</a></li>
			  <li><a href="#">Sub Nav Item 5</a></li>
			</ul>
		  </li>
		  <li class="has-flyout">
			<a href="#">Nav Item 3</a>
			<a href="#" class="flyout-toggle"><span> </span></a>
			<div class="flyout">
			  <h5>Regular Dropdown</h5>
			  <div class="row">
				<div class="six columns">
				  <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
				</div>
				<div class="six columns">
				  <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
				</div>
			  </div>
			</div>
		  </li>
		  <li>
			<a href="#">Nav Item 4</a>
		  </li>
		</ul>
		
		-->
	</div>
	<div class="nine columns">
		<div class="panel" style="padding:0 5px 10px 5px;vertical-align:middle;">
			<!-- <h2>Productos</h2> -->
			<?php 
			echo $this->paginationControl($this->paginator, 'Sliding', 'templates/pagination.phtml');
			?>
		</div>
		
		<?php if(count($this->paginator)==0) { ?>
			<div class="panel">
				<p>No hay productos disponibles.</p>
			</div>
		<?php } else { ?>
			<div class="row">
			<?php 
			 foreach($this->paginator as $key => $record){ 
			 
				if($key%3==0){	?>
					</div><div class="row">
				<?php } ?>
				<div class="four columns">
					<div class="panel producto-list-item">
						<h4><?=$record['nombre']?></h4>
						<a href="#" class="producto-img-con">
							<img src="<?php echo $this->baseUrl("/images/productos/".$record['imagen']); ?>" alt="<?=$record['nombre']?>" />
						</a>
						<p class="precio">$ <?=$record['precio']?></p>
						
						<a href="<?php echo $this->baseUrl("/carrito/agregar/id/".$record['id_producto']); ?>" class="small success button btn-agregar">Agregar</a>
						<a href="<?php echo $this->baseUrl("/productos/detalle/id/".$record['id_producto']); ?>" class="small button">Ver Detalle</a>
					</div>
				</div>
				
			<? } ?>
			</div>
		<?php }?>
		
		<div class="panel" style="padding:0 5px 10px 5px;vertical-align:middle;">
			<!-- <h2>Productos</h2> -->
			<?php 
			echo $this->paginationControl($this->paginator, 'Sliding', 'templates/pagination.phtml');
			?>
		</div>
	</div>
</div>

			
